/*全局样式*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

i {
	font-style: normal;
}

img {
	display: block;
	border: none;
}

html,
body {
	height: 100%;
}

html {
	font-size: 26.66667vw;
}

body {
	font-size: 14px;
}

.left {
	float: left;
}

.right {
	float: right;
}

/*头部*/
.top_big {
	width: 100%;
	height: 0.44rem;
	color: #cbcbcb;
	font-size: 26px;
	position: absolute;
	top: 0;
	left: 0;
	background: #d43b33;
}

.top {
	display: flex;
	justify-content: space-between;
	height: 100%;
	align-items: center;
	padding: 0 0.125rem 0 0.14rem;
}

.top>i:first-child>img {
	width: 0.19rem;
	height: 0.25rem;
}

.top>i:last-child>img {
	width: 0.23rem;
	height: 0.23rem;
}

.top>input {
	width: 2.67rem;
	height: 0.3rem;
	color: #dbdbdb;
	font-size: 14px;
	text-align: center;
	border: none;
	outline: none;
	border-radius: 0.05rem;
}

/*主体内容*/
/*导航*/
.main {
	width: 100%;
	height: 100%;
	overflow: auto;
	padding: 0.44rem 0 0 0;
}

.main_nav {
	width: 100%;
	height: 0.4rem;
	display: flex;
	line-height: 0.4rem;
	font-size: 14px;
	justify-content: space-between;
	padding: 0 0.25rem 0 0.13rem;
	border-bottom: 0.005rem solid #cdc2c8;
}

.main_nav a {
	color: #393939;
	text-align: center;
}

.main_nav a:first-child {
	width: 0.7rem;
	height: 100%;
	color: #bb4537;

	box-sizing: border-box;
}

/*焦点图*/
.banner,
.banner>img {
	width: 100%;
	height: 1.38rem;
}

/*内容二*/
.main_two {
	width: 100%;
	height: 1.04rem;
	display: flex;
	justify-content: space-between;
	padding: 0.15rem 0.345rem 0.15rem 0.43rem;
	border-bottom: 0.005rem solid #e0e1e3;
	margin-bottom: 0.2rem;
}

.main_two>span {
	width: 0.72rem;
	height: 100%;
	font-size: 12px;
	text-align: center;
	position: relative;
}

.main_two>span>img {
	width: 0.55rem;
	height: 0.55rem;
	display: inline-block;
	vertical-align: middle;
}

.main_two>span>p {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

/*推荐歌单*/
.recommend {
	width: 100%;
	padding: 0 0.1rem 0 0.1rem;
}

.recommend_top {
	height: 0.16rem;
	color: #323335;
	display: flex;
	justify-content: space-between;
}

.recommend_top>span>img {
	width: 0.16rem;
	height: 0.16rem;
	display: inline-block;
	margin-right: 0.06rem;
}

.recommend_top>span>span {
	font-size: 14px;
}

.recommend_top>a {
	font-size: 12px;
	color: #696b6a;
}

.recommend_content {
	width: 100%;
	padding-top: 0.2rem;
}

.recommend_content span {
	display: flex;
	justify-content: space-between;
}

.recommend_content i {
	width: 1.13rem;
	height: 1.52rem;
	font-size: 12px;
	position: relative;
}

.recommend_content i>a>img {
	width: 100%;
	height: 1.13rem;
}

.recommend_content i>a {
	color: #424345;
}

.recommend_content i>a>p {
	height: 0.34rem;
	position: absolute;
	bottom: 0;
	left: 0;
}

.recommend_content span:first-child {
	margin-bottom: 0.18rem;
}

/*脚部*/
.footer {
	width: 100%;
	height: 0.49rem;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.75);
	display: flex;
	justify-content: space-between;
	padding: 0.07rem 0.28rem 0 0.28rem;

}

.footer>i {
	width: 0.4rem;
	height: 0.42rem;
	color: #a6a8a7;
	text-align: center;
	font-size: 10px;
}

.footer>i>span {
	font-size: 25px;
}

.footer>i:first-child {
	color: #fff;
}